<template>
  <!-- 用户信息 -->
  <div class="myInfo">
    <!-- 背景 -->
    <div class="picture">
      <!-- <img
        src="https://www.lwjppz.cn/upload/2021/01/IMG_20201206_155135-7d3d5917705b472d85b5871d6ed721b3.jpg"
        alt=""
      /> -->
      <!-- 头像 -->
      <div class="via">
        <img src="../../state/img/login01.jpg" alt="" />
      </div>
    </div>
    <!-- 用户信息等 -->
    <div class="info">
      <!-- 用户名 签名-->
      <div class="userInfo">
        <span>用户名</span>
        <p>个性签名</p>
      </div>
      <!-- 数量 标签等 -->
      <ul class="counts">
        <li>
          <span class="num">99</span>
          <span class="txt">标签数</span>
        </li>
        <li>
          <span class="num">99</span>
          <span class="txt">标签数</span>
        </li>
        <li>
          <span class="num">99</span>
          <span class="txt">标签数</span>
        </li>
      </ul>

      <ul>
        <li>
          <span class="num">99</span>
          <span class="txt">标签数</span>
        </li>
        <li>
          <span class="num">99</span>
          <span class="txt">标签数</span>
        </li>
        <li>
          <span class="num">99</span>
          <span class="txt">标签数</span>
        </li>
      </ul>
      <!--  icon 分享 -->
      <div class="share">
        <a href="javascript:;" class="iconfont">&#xe6ca;</a>
        <a href="javascript:;" class="iconfont">&#xe607;</a>
        <a href="javascript:;" class="iconfont">&#xe641;</a>
        <a href="javascript:;" class="iconfont">&#xe666;</a>
        <a href="javascript:;" class="iconfont">&#xe61a;</a>
        <a href="javascript:;" class="iconfont">&#xe885;</a>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'myInfo',
  };
</script>

<style lang="less" scoped>
  @import url('../../state/css/register/myInfo.css');
</style>
